<template>
	<div class="messageShow">
		<div class="">
			<div @click="handleClosed" class="goBackButton cursorPointer">
				<
			</div><i class="textCenter">详细信息</i>
		</div>
		<div class="messageItem">{{message}}</div>
	</div>
</template>

<script>
	export default {
		name: "messageShow",
		data() {
			return {
				message: ""
			}
		},
		mounted() {
			this.message = this.$route.params.message
			if (!this.message) {
				this.$router.push("/home")
			}
		},
		methods: {
			handleClosed() {
				this.$router.back()
			}
		}
	}
</script>

<style scoped>
	/* 返回的按钮 */
	.goBackButton {
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 24px;
		font-weight: 500;
	}

	.messageItem {
		width: 98%;
		white-space: pre-wrap;
		overflow-wrap: anywhere;
		padding: 6px 3px;
		text-align: left;
	}
</style>